* { margin: 0; padding: 0;}

body {
	background-color:#FEFEFE;
	color:#000;
	font-family:Arial,Helvetica,sans-serif;
}

/*----------------------------------------------*/
/*				COMMON STYLE					*/
/*----------------------------------------------*/
a { color: #1789E0; text-decoration: none; }
a:hover{ color: #2E67C7; }
img{ margin: auto; text-align: center; text-indent: 0; }
.blue { color: #1789E0; }
.red { color: #dd3366; }

/*----------------------------------------------*/
/*				header - header.php				*/
/*----------------------------------------------*/
#header{ height: 100px; border: 1px dashed #2E67C7; border-width: 0 0 1px 0; }
#header h1 {
		background: url('logo.png') no-repeat;
		width: 159px; height: 50px;
		margin: 40px 100px 25px 100px;
		float: left;
		}
	#header h1 span { display: none; }
	#header ul { padding: 75px 0 0 0; }
		#header li { 
			margin: 0 10px; padding: 3px 5px;
			display: inline;
			font-size: 1.1em;
			border: 1px solid #FFF;
			border-width: 1px 2px 0 1px;
			}
		#header li:hover { 
			border: 1px solid #CCC;
			border-width: 1px 2px 0 1px;
			text-decoration: underline;
			color: #2E67C7;
		}	

/*----------------------------------------------*/
/*				footer - footer.php				*/
/*----------------------------------------------*/
#footer{ 
	width: 100%; clear: both; 
	margin: 20px 0 0 0;
	border: 1px dashed #777; border-width: 1px 0 0 0; 
	color: #c3c3c3;
}
	#footer ul { margin: 5px auto 10px auto; text-align: center; }
	#footer li { display: inline; margin: 0 10px; font-size: 0.8em; }
		
/*----------------------------------------------------------*/
/*						home - home.php						*/
/*----------------------------------------------------------*/
#home { width: 95%; margin: 0 auto; }
	#home #logo { 
		background: url('home.jpg') no-repeat center center; 
		width: 45%; height: 505px; 
		float: left; clear: left;
		margin: 5px 0 0 0;
	}
	#home #sidebar { 
		width: 45%;
		float: right;
		padding: 30px 30px 0 0;
	}
		#home #sidebar h1 { font-size: 1.7em; font-weight: normal; }
		#home #sidebar h2 { margin: 0 0 20px 0; font-size: 1.2em; font-style: italic; font-weight: normal; }
		#home #sidebar p { margin: 10px 0; text-align: justify; }

/*----------------------------------------------------------*/
/*				importation - upload/index.php				*/
/*----------------------------------------------------------*/
#importation { width: 95%; margin: 0 auto; }
	#importation h1 { clear: both; font-size: 1.7em; font-weight: normal; }
	#importation p { margin: 20px 0;}
	
	
/*----------------------------------------------------------*/
/*			collection - render/collection.php			*/
/*----------------------------------------------------------*/
#collection { width: 95%; margin: 0 auto; }
	#collection h1 { clear: both; font-size: 1.7em; font-weight: normal; }
	#collection h2 { margin: 30px; font-size: 1.3em; font-weight: normal; }
	#collection p { color: #777; }
	#collection p em { font-size: 0.7em; }
	#collection ul { margin: 20px 0;}
	#collection li { 
		float: left;
		width: 363px;
		margin: 10px;
		text-align: center;
		list-style: none;
	}
	#collection img { border: #1789E0 2px solid; }
		#collection img:hover { border: #2E67C7 2px solid; }
	

/*----------------------------------------------------------*/
/*					frame - render/frame.php				*/
/*----------------------------------------------------------*/
#frame { width: 95%; margin: 0 auto; }
	#frame h1 { clear: both; font-size: 1.7em; font-weight: normal; }
	#frame p { color: #777; }
	#frame #info {
		width: 35%;
		padding: 10px;
		border: #dd3366 1px dashed;
	}
		#frame #info p { margin: 0 0 5px 0; }
		#frame #info span { font-size: 0.7em; color: #777; }
		#frame #info label { width: 100px; display: block; float: left; text-align: center; }
		#frame #info input { margin: 0 10px; float: center;}
		#frame #info #btn { width: 150px; margin: 15px 0px 0 0px; padding: 10px; }
		#frame #info h3 { margin: 10px 0 10px 0; font-size: 1.0em; font-weight: normal; text-align: center; }
		
	#frame ul { margin: 20px 0;}
	#frame li { 
		float: left;
		width: 363px; height: 295px;
		margin: 10px 10px 30px 10px;
		text-align: center;
		list-style: none;
		cursor: move;
	}

	#frame img { border: #1789E0 1px dashed; border-width: 0 0 1px 0;}
	
	#frame .frame_section { width: 363px; height: 295px; }
	#frame .frame_section h2 { 
		margin: 30px 50px;
		padding: 10px;
		border: #CCC 5px solid; 
		text-align: center; 
		font-size: 1.2em; font-weight: normal;
	}
	#frame .frame_section h3 { margin: 50px; text-align: center; font-size: 1em; font-weight: normal; }
	#frame .frame_section .remove { position: absolute; bottom: 0; right: 10px; }
	
	#frame #boite_outils { background: #FAFAFA; width: 19%; height: 60%; border: #1789E0 1px dashed; position: fixed; top: 30%; left:1%;}

		#frame #boite_outils span { display: block; margin: 0 0 0 10px; text-align: left; }
		#frame #boite_outils .separation { margin: 7px; border: #CCC 1px dashed; }
		#frame #boite_outils a { font-size: 0.9em; }
		#frame #boite_outils #boite p { font-size: 1.0em; font-weight: bold; text-align: center; margin-top: 5px;}

#frames {
	margin-left: 23%;	

}

#addSection, #addSubSection { 
	background: #F0F0F0;
	position: fixed; z-index: 100;
	top: 50%; left: 50%;
	width: 335px; height: 100px;
	margin: -50px 0 0 -150px;
	border: #dd3366 1px dashed;
	border: #CCC 10px solid;
	/* au chargement on masque cette div - le js modifira cette proriété */
	display: none;
}


#addStyle { 
	background: #F0F0F0;
	position: fixed; z-index: 100; 
	top: 50%; left: 49%;
	width: 350px; height: 110px;
	margin: -50px 0 0 -150px;
	border: #dd3366 1px dashed;
	border: #CCC 10px solid;
	/* au chargement on masque cette div - le js modifira cette proriété */
	display: none;
}

#chooseStyle { 
	background: #F0F0F0;
	position: fixed; z-index: 100; 
	top: 50%; left: 49%;
	width: 340px; height: 110px;
	margin: -50px 0 0 -150px;
	border: #dd3366 1px dashed;
	border: #CCC 10px solid;
	/* au chargement on masque cette div - le js modifira cette proriété */
	display: none;
}

#generatePdf { 
	background: #F0F0F0;
	position: fixed; z-index: 100; 
	top: 50%; left: 49%;
	width: 340px; height: 110px;
	margin: -50px 0 0 -150px;
	border: #dd3366 1px dashed;
	border: #CCC 10px solid;
	/* au chargement on masque cette div - le js modifira cette proriété */
	display: none;
}

	#addSection h2, #addSubSection h2 { margin: 20px auto; text-align: center; font-size: 1.4em; font-weight: normal; }
	#addStyle h2, #chooseStyle h2, #generatePdf h2 { margin: 5px auto; text-align: center; font-size: 1.4em; font-weight: normal; }
	#addSection span, #addSubSection span { width: 200px; margin: 0 0 0 20px; text-align: center; }
	#addStyle span, #chooseStyle span, #generatePdf span { width: 200px; margin: 0 0 0 5px; text-align: center; }

.centrer {
	text-align: center;
	margin-top: 10px;
}

.label_marge {
	margin-left: 10px;
}


/*----------------------------------------------------------*/
/*					modif - render/modif.php				*/
/*----------------------------------------------------------*/
#modif { width: 90%; margin: 0 auto; }
	#modif h1 { clear: both; font-size: 1.7em; font-weight: normal; }
	#modif p { color: #777; }


/*----------------------------------------------------------*/
/*					create - render/create.php				*/
/*----------------------------------------------------------*/
#create { width: 90%; margin: 0 auto; }
	#create h1 { clear: both; font-size: 1.7em; font-weight: normal; }
	#create p { color: #777; }
